<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>模板编译</title>
</head>

<body>
  <p>模板编译的作用就是让虚拟DOM拿到vnode</p>
  <p>Vue.js提供了模板语法，允许我们声明式地描述状态和DOM之间的绑定关系，然后通过模板来生成真实DOM并将其展示在用户界面上。</p>
  <p>在底层实现上，Vue.js会将模板编译成虚拟DOM渲染函数。当应用内部状态发生变化，Vue.js结合响应式系统，聪明的找出最小数量的组件进行组件渲染以及最少量进行DOM操作。</p>
</body>

</html>